<template>
  <div>
    <h1>{{ count }} - {{ doubleCount }}</h1>
    <button @click="count++">当前点击次数 {{ count }}</button>
  </div>
</template>

<script>
export default {
  // data() {
  //   return {
  //     count: 0,
  //   };
  // },
  data: function () {
    return {
      count: 0,
    };
  },
  methods: {
    sayHi() {
      console.log("hello 我是counter");
    },
  },
  computed: {
    doubleCount() {
      return this.count * 2;
    },
  },
};
</script>

<style>
</style>